 <div class="warningLabel notSignedInWarning" style="" id="">You are not signed in. Changes will be discarded.</div> <form> <div style="width: 460px; display: inline-block;"> <fieldset> <legend>&nbsp;Explore:&nbsp;</legend> <ul id="explorerUL" style="-webkit-column-count: 2;"> <li><input type="checkbox" id="playCpPositionCheckbox" class="checkbox-img"><label for="playCpPositionCheckbox" class="checkbox-img-label">Motif</label> </li><li><input type="checkbox" id="playCpSizeHCheckbox" class="checkbox-img"><label for="playCpSizeHCheckbox" class="checkbox-img-label">Horizontal repeat size</label> </li><li><input type="checkbox" id="playCpSizeVCheckbox" class="checkbox-img"><label for="playCpSizeVCheckbox" class="checkbox-img-label">Vertical repeat size</label> </li><li id="playFitInBox"><span style="margin-left: 15px;"></span><input type="checkbox" id="playFitInBoxCheckbox" class="checkbox-img"><label for="playFitInBoxCheckbox" class="checkbox-img-label">Fit in box</label> </li><li><input type="checkbox" id="playSymmetryCheckbox" class="checkbox-img"><label for="playSymmetryCheckbox" class="checkbox-img-label">Symmetry</label> </li><li><input type="checkbox" id="playDropCheckbox" class="checkbox-img"><label for="playDropCheckbox" class="checkbox-img-label">Drop and brick</label> </li><li><input type="checkbox" id="playBlendAmountCheckbox" class="checkbox-img"><label for="playBlendAmountCheckbox" class="checkbox-img-label">Blend amount</label> </li><li><input type="checkbox" id="playBlendModeCheckbox" class="checkbox-img"><label for="playBlendModeCheckbox" class="checkbox-img-label">Blend mode</label> </li><li><input type="checkbox" id="playBlendDissolveCheckbox" class="checkbox-img"><label for="playBlendDissolveCheckbox" class="checkbox-img-label">Dissolve edges</label> </li><li><input type="checkbox" id="playFiltersCheckbox" class="checkbox-img"><label for="playFiltersCheckbox" class="checkbox-img-label">Filters</label> </li></ul> <div class="dimmed playInfoDiv" style="display: none;" id="oneLinkedPeriodSelectedInfo"> <img src="./rsc/_z1" class=""> <span class="playInfo">&nbsp;For some symmetries, the horizontal and vertical repeat sizes change together.</span> </div> <div class="dimmed playInfoDiv" style="display: none;" id="noCheckboxesSelectedInfo"> <img src="./rsc/_z1" class="valignMiddle"> <span class="playInfo">&nbsp;At least one item must be selected.</span> </div> </fieldset> <fieldset class="filedsetNext"> <legend>&nbsp;After pattern edits:&nbsp;</legend> <ul id="" style=""> <li><input type="checkbox" id="autoHidePlayerCheckbox" class="checkbox-img"><label for="autoHidePlayerCheckbox" class="checkbox-img-label">Hide Explorer</label> </li><li><input type="checkbox" id="clearHistoryStartCheckbox" class="checkbox-img"><label for="clearHistoryStartCheckbox" class="checkbox-img-label">Start from clean slate</label> </li></ul> </fieldset> <ul class="filedsetMatcher"> <li><input type="checkbox" id="autoHidePlayerOnNewFramesCheckbox" class="checkbox-img"><label for="autoHidePlayerOnNewFramesCheckbox" class="checkbox-img-label">Hide Explorer when recording</label> </li><li><input type="checkbox" id="playInFullscreenCheckbox" class="checkbox-img"><label for="playInFullscreenCheckbox" class="checkbox-img-label">Always start in full screen mode</label> </li><li><input type="checkbox" id="stopPlayAfterCheckbox" class="checkbox-img"><label for="stopPlayAfterCheckbox" class="checkbox-img-label">Stop after:&nbsp;</label> <span class="controlUnit"><input id="stopPlayAfterStepper" style="" class="integersOnly enforceMinMax"><label for="stopPlayAfterStepper" class="unitLabel">frames</label></span> </li><li><input type="checkbox" id="loopVideoCheckbox" class="checkbox-img"><label for="loopVideoCheckbox" class="checkbox-img-label">Loop (restart) videos&nbsp;</label> </li></ul> <div class="dimmed playInfoDiv" style=""> <img src="./rsc/_z1" class=""> <span class="playInfo">&nbsp;To adjust speed, press the Up (&#x2191;) or Down (&#x2193;) arrow key while Explorer is running.</span> </div> </div> <div class="buttonColumn" style="margin-top: 30px;"> <button class="textButton defaultButton" style="" id="okButtonPlayPreferences">OK</button> <button class="textButton" style="" id="cancelButtonPlayPreferences">Cancel</button> <button class="textButton" style="" id="resetButtonPlayPreferences" title="Restore default settings">Reset</button> </div> </form> 